<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>回复</title>
		<link rel="shortcut icon" href="img/head.png" type="image/x-icon">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		 <%
        String path = request.getRequestURI();
        String basePath = request.getScheme() + "://"
                + request.getServerName() + ":" + request.getServerPort()
                + path;
    %> 
    <base href="<%=basePath%>">
        <link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
		
        <link href="../admin/css/animate.css" rel="stylesheet">
        <link href="../admin/css/style.css?v=2.2.0" rel="stylesheet">
		<link rel="stylesheet" href="../admin/css/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="../admin/css/biaoge.css">
        <link rel="stylesheet" href="../admin/css/quyu.css">
        <link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/head.css">
        <link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/ForumEditor.css">
        <script type="text/javascript" src="../admin/js/xadmin.js"></script>
        <script src="../admin/css/layui/layui.js" charset="utf-8"></script>
        <link href="../admin/css/font-awesome.css?v=4.3.0" rel="stylesheet">
        <style>
            .box1 {
			    text-align: center;
			    width: 100%;
			    margin-top: 10px;
			}
			h3 {
			    text-align: center;
			    font-size: 25px;
			    color: aliceblue;
			    font-family: 华文楷体;
			}
			.p1{text-indent: 2em;font-size: 30px;}
		.p2{text-align:left;color:#d34949;}
        p.thicker {font-weight:900;font-size: 30px;color:black;}
        /* p.stronger {font-weight:900;font-size: 20px;} */
        p.stronger {font-weight:900;font-size: 25px;text-align:left;}
        p.position{text-align:left;font-size: 17px}
        </style>
	</head>
	<body>

				<article>
				  <header><div class="header_con">
                    <div class="header">
                        <div class="welcome">欢迎来到志愿者招募平台!</div>
                        <div class="user_login">
                            <a href="../Login&Register.jsp">退出</a>
                            <!-- <span>|</span>
                            <a href="Login&Register.html">注册</a> -->
                        </div>
                    </div>
                </div><br><br>

                        <img alt="Brand" src="../img/志愿者图标.png"  width="50px" height="50px" style="float:left"><br>
                         <p class="thicker">"最美"抗疫志愿者招募平台</p1>  
                        </header>
               </article>
             
                <div class="navbar_con">
                    <div class="navbar clearfix">
                        <ul class="navlist fl">
                            <li><a href="${pageContext.request.contextPath}/PersonalServlet">个人中心</a></li>
                            <div class="subnav_con fl">
                                <h1>志愿论坛<i></i></h1>
                            </div>
                            <li><a href="${pageContext.request.contextPath}/ElegantServlet">志愿风采</a></li>
                            <li><a href="${pageContext.request.contextPath}/RecruitServlet">志愿者招募</a></li>
                            <li><a href="${pageContext.request.contextPath}/HomeServlet">首页</a></li>
                        </ul>
                    </div>
                </div>
                
               <ol class="breadcrumb">
                    <li><a href="${pageContext.request.contextPath}/ForumServlet">志愿论坛</a></li>
                    <li><a href="${pageContext.request.contextPath}/ForumQuestionServlet">问答帖</a></li>
                    <li class="active">详情</li>
                    <!-- <li class="active">Data</li> -->
                  </ol>
                  
                <div style="margin: 20px;  background-color: #F6F6F6;width:76%;margin-left:13%;">
                    <div style="padding: 10px;padding-top: 10px; padding-bottom: 5px;width:96%;margin-left:1%;">
                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 0px;">
                           <div class="col-md-6">
                          <C:forEach items="${question}" var="question"> 
                            <div class="ibox-content">
                              <div class="feed-activity-list">
                                <div class="feed-element">
                                  <a href="profile.html#" class="pull-left">
                                  <img alt="image" class="img-circle" src="../${question.pricture}">
                                  </a>
                                 <div class="media-body ">
                                 <small class="pull-right">${question.Qtime}</small>
                                 <strong>${question.realname}</strong> <botton class="layui-btn layui-btn-radius layui-btn-normal layui-btn-xs">楼主</botton>
                                 <br><br>
                                  <small class="text-muted" style="font-size:13px;color:black;">${question.question}</small><br>
                                   <div class="pull-right">
                                    <a class="btn btn-xs btn-white"> 赞 </a>
                                    <a class="btn btn-xs btn-white"> 收藏</a>
                                   <!-- <a class="btn btn-xs btn-primary"> 评论</a> -->
                              </div>         
                            </div>                            
                        </div>
                        </div>
                        </C:forEach>
                        
                       <C:forEach items="${response}" var="response">  
                        <div class="feed-element" style="margin-left:4%;">
                          <a href="profile.html#" class="pull-left">
                             <img alt="image" class="img-circle" src="../${response.pricture}">
                            </a>
                      <div class="media-body ">
                        <small class="pull-right">${response.Rtime}</small>
                           <strong>${response.realname}</strong>
                          <br><br>
                           <small class="text-muted" style="font-size:13px;color:black;">${response.response}</small>
                           <%-- <div class="pull-right">
                                   <a class="btn btn-xs btn-primary" href="${pageContext.request.contextPath}/ForumResponseDeleteServlet?id=${response.id}&qid=${response.question_id}"> 
                                                                                              删除</a>
                              </div> --%>  
                              </div>
                            </div>  
                            <hr>                             
                         </C:forEach>
                       </div>                  
                       <br>
                       
                      <C:forEach items="${question}" var="question">  
                       <form action="/Volunteer/ForumResponseEditorServlet" method="post">
                         <div class="title">
                         <input type="text" name="answer" placeholder="我也想说两句" id="title">
                         <input type="hidden" name="id" onclick="javascript:location.reload();" value="${question.id}" id="title">
                        <button id="submit">留言</button>
                        </div>
                       </form>
                       </C:forEach>
                                                            
            <!-- <button class="btn btn-primary btn-block m"> 显示更多</button> -->
                        
                      </div>
                        
                   </div>
              </div>
         </div>
      </div>
<!--  </div>
                                          
                                        
                                      
 </div> -->
    
                           <!--  </div>
                            
                        </div>
    
                    </div>
                </div>

			</div>


		</div> -->

        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/bootstrap.min.js?v=3.4.0"></script>
        <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
        <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

        <!-- Custom and plugin javascript -->
        <script src="js/hplus.js?v=2.2.0"></script>
        <script src="js/plugins/pace/pace.min.js"></script>

        <!-- Peity -->
        <script src="js/plugins/peity/jquery.peity.min.js"></script>

        <!-- Peity -->
        <script src="js/demo/peity-demo.js"></script>

        <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script><!--统计代码，可删除-->

		<script>
			//JavaScript 代码区域
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();

            layui.use(['laydate','form'], function(){
            });
		</script>
            
	</body>
</html>




